<template>
  <svg viewBox="0 0 1920 100" style="zoom: 1" class="my-header-svg">
    <radialGradient
      id="my-dv-header3_1_"
      cx="959.8125"
      cy="1013.375"
      r="431.0692"
      gradientTransform="matrix(1 0 0 8.416572e-02 0 -0.9164)"
      gradientUnits="userSpaceOnUse"
    >
      <stop offset="0" style="stop-color: #096bec; stop-opacity: 0.9"></stop>
      <stop offset="1" style="stop-color: #096bec; stop-opacity: 0"></stop>
    </radialGradient>
    <ellipse cx="959.8" cy="84.4" rx="439.9" ry="5.3" class="st0"></ellipse>
    <g class="st1">
      <linearGradient
        id="my-dv-header3_2_"
        gradientUnits="userSpaceOnUse"
        x1="955.0497"
        y1="-1813.2813"
        x2="955.0497"
        y2="-1902.7188"
        gradientTransform="matrix(1 0 0 -1 0 -1813)"
      >
        <stop offset="0" style="stop-color: #096bec; stop-opacity: 0.3"></stop>
        <stop offset="1" style="stop-color: #096bec; stop-opacity: 0"></stop>
      </linearGradient>
      <polygon
        points="1574.3,0.3 335.8,0.3 426.6,89.7 1483.5,89.7"
        class="st2"
      ></polygon>
      <animate
        attributeType="CSS"
        attributeName="opacity"
        from="1"
        to="0.8"
        dur="2s"
        repeatCount="indefinite"
      ></animate>
    </g>
    <g>
      <g>
        <polyline
          stroke="#096BEC"
          points="525,89.7 532.3,82.2 804.6,82.2"
          class="st3"
        ></polyline>
        <polyline
          stroke="#096BEC"
          points="1394.4,89.4 1389.1,84.2 1116.9,84.2"
          class="st3"
        ></polyline>
        <animate
          attributeName="stroke-dasharray"
          attributeType="XML"
          from="0, 157.52079728939617, 0, 157.52079728939617"
          to="0, 0, 315.04159457879234, 0"
          dur="1.2s"
          begin="0s"
          calcMode="spline"
          keyTimes="0;1"
          keySplines="0.4,1,0.49,0.98"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <polygon
          fill="#096BEC"
          points="788.1,76.5 754.1,76.5 746.6,84 780.6,84"
        ></polygon>
      </g>
      <g>
        <polygon
          fill="#096BEC"
          points="815.5,74.3 788.9,74.3 779.2,84 805.8,84"
        ></polygon>
      </g>
      <g class="st5">
        <polygon
          fill="#096BEC"
          points="860.3,78 828.4,78 816.7,89.7 848.6,89.7"
        ></polygon>
      </g>
      <g>
        <polygon
          fill="#096BEC"
          points="1053.8,72.3 866.3,72.3 854.6,84 1066.2,84"
        ></polygon>
      </g>
      <g class="st6">
        <polygon
          fill="#096BEC"
          points="802.9,89.7 1120.2,89.7 1126.2,83.7 796.5,83.7"
        ></polygon>
      </g>
      <g class="st5">
        <polygon
          fill="#096BEC"
          points="1059.6,78 1091.5,78 1103.2,89.7 1071.3,89.7"
        ></polygon>
      </g>
      <g>
        <polygon
          fill="#096BEC"
          points="1133.7,76.5 1167.7,76.5 1175.2,84 1141.2,84"
        ></polygon>
      </g>
      <g>
        <polygon
          fill="#096BEC"
          points="1106.4,74.3 1132.9,74.3 1142.6,84 1116.1,84"
        ></polygon>
      </g>
    </g>
    <g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_3_"
          gradientUnits="userSpaceOnUse"
          x1="459.899"
          y1="51.4684"
          x2="459.899"
          y2="11.9688"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="592.3,51.5 366.9,51.5 327.5,12 552.9,12"
          class="st7"
        ></polygon>
        <animate
          attributeType="CSS"
          attributeName="opacity"
          from="0.2"
          to="0.1"
          dur="3s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <g>
          <polyline
            stroke="#096BEC"
            points="301.7,33.8 567.5,33.8 598.7,65"
            class="st3"
          ></polyline>
          <g>
            <rect
              x="595.3"
              y="61.6"
              transform="matrix(0.7071 -0.7071 0.7071 0.7071 129.4274 442.2929)"
              fill="#096BEC"
              width="6.6"
              height="6.6"
            ></rect>
          </g>
        </g>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_4_"
          gradientUnits="userSpaceOnUse"
          x1="595.392"
          y1="51.4684"
          x2="595.392"
          y2="11.9688"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="628.5,51.5 601.7,51.5 562.3,12 589.1,12"
          class="st8"
        ></polygon>
      </g>
      <g class="st1">
        <linearGradient
          id="my-dv-header3_5_"
          gradientUnits="userSpaceOnUse"
          x1="618.8832"
          y1="55.9688"
          x2="618.8832"
          y2="11.9688"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="655.8,56 625.9,56 582,12 611.9,12"
          class="st9"
        ></polygon>
      </g>
      <g>
        <linearGradient
          id="my-dv-header3_6_"
          gradientUnits="userSpaceOnUse"
          x1="650.9935"
          y1="74.6932"
          x2="650.9935"
          y2="11.9688"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="703.6,74.7 661,74.7 598.4,12 641,12"
          class="st10"
        ></polygon>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_7_"
          gradientUnits="userSpaceOnUse"
          x1="295.2105"
          y1="74.2105"
          x2="295.2105"
          y2="47.0741"
        >
          <stop
            offset="0"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
          <stop offset="1" style="stop-color: #096bec; stop-opacity: 0"></stop>
        </linearGradient>
        <polygon
          points="590.2,75.4 0.2,75.4 0.2,45.3 560.2,45.3"
          class="st11"
        ></polygon>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_8_"
          gradientUnits="userSpaceOnUse"
          x1="31.7848"
          y1="43.2976"
          x2="31.7848"
          y2="7.0938"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="62.1,43.3 37.6,43.3 1.4,7.1 26,7.1"
          class="st12"
        ></polygon>
        <animate
          attributeName="opacity"
          values="0.3;0.2;0.3"
          dur="1.5s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_9_"
          gradientUnits="userSpaceOnUse"
          x1="63.8348"
          y1="43.2976"
          x2="63.8348"
          y2="7.0938"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="94.2,43.3 69.6,43.3 33.5,7.1 58,7.1"
          class="st13"
        ></polygon>
        <animate
          attributeName="opacity"
          values="0.3;0.2;0.3"
          dur="2s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_10_"
          gradientUnits="userSpaceOnUse"
          x1="95.8848"
          y1="43.2976"
          x2="95.8848"
          y2="7.0938"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="126.2,43.3 101.7,43.3 65.5,7.1 90.1,7.1"
          class="st14"
        ></polygon>
        <animate
          attributeName="opacity"
          values="0.3;0.2;0.3"
          dur="1.5s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_11_"
          gradientUnits="userSpaceOnUse"
          x1="127.9348"
          y1="43.2976"
          x2="127.9348"
          y2="7.0938"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="158.3,43.3 133.7,43.3 97.6,7.1 122.1,7.1"
          class="st15"
        ></polygon>
        <animate
          attributeName="opacity"
          values="0.3;0.2;0.3"
          dur="2s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_12_"
          gradientUnits="userSpaceOnUse"
          x1="159.9848"
          y1="43.2976"
          x2="159.9848"
          y2="7.0938"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="190.3,43.3 165.8,43.3 129.6,7.1 154.2,7.1"
          class="st16"
        ></polygon>
        <animate
          attributeName="opacity"
          values="0.3;0.2;0.3"
          dur="1.5s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_13_"
          gradientUnits="userSpaceOnUse"
          x1="192.0348"
          y1="43.2976"
          x2="192.0348"
          y2="7.0938"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="222.4,43.3 197.8,43.3 161.7,7.1 186.3,7.1"
          class="st17"
        ></polygon>
        <animate
          attributeName="opacity"
          values="0.3;0.2;0.3"
          dur="2s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <circle fill="#096BEC" cx="299.4" cy="33.8" r="3.1"></circle>
        <animate
          attributeName="opacity"
          values="1;0.8;1"
          dur="1s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <circle fill="#096BEC" cx="290.4" cy="33.8" r="3.1"></circle>
        <animate
          attributeName="opacity"
          values="0.8;0.6;0.8"
          dur="1.1s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <circle fill="#096BEC" cx="281.1" cy="33.8" r="3.1"></circle>
        <animate
          attributeName="opacity"
          values="0.6;0.4;0.6"
          dur="1.2s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <circle fill="#096BEC" cx="272.1" cy="33.8" r="3.1"></circle>
        <animate
          attributeName="opacity"
          values="0.4;0.2;0.4"
          dur="1.3s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <circle fill="#096BEC" cx="262.7" cy="33.8" r="3.1"></circle>
        <animate
          attributeName="opacity"
          values="0.2;0.1;0.2"
          dur="1.4s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <circle fill="#096BEC" cx="253.7" cy="33.8" r="3.1"></circle>
        <animate
          attributeName="opacity"
          values="0.1;0.05;0.1"
          dur="1.5s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
    </g>
    <g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_14_"
          gradientUnits="userSpaceOnUse"
          x1="-238.4447"
          y1="51.4684"
          x2="-238.4447"
          y2="11.9688"
          gradientTransform="matrix(-1 0 0 1 1221.6563 0)"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="1327.7,51.5 1553.1,51.5 1592.5,12 1367.1,12"
          class="st18"
        ></polygon>
        <animate
          attributeType="CSS"
          attributeName="opacity"
          from="0.2"
          to="0.1"
          dur="3s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <g>
          <polyline
            stroke="#096BEC"
            points="1618.3,33.8 1352.5,33.8 1321.3,65"
            class="st3"
          ></polyline>
          <g>
            <rect
              x="1318.1"
              y="61.6"
              transform="matrix(0.7071 -0.7071 0.7071 0.7071 341.1203 953.3752)"
              fill="#096BEC"
              width="6.6"
              height="6.6"
            ></rect>
          </g>
        </g>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_15_"
          gradientUnits="userSpaceOnUse"
          x1="-102.9518"
          y1="51.4684"
          x2="-102.9518"
          y2="11.9688"
          gradientTransform="matrix(-1 0 0 1 1221.6563 0)"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="1291.5,51.5 1318.3,51.5 1357.7,12 1330.9,12"
          class="st19"
        ></polygon>
      </g>
      <g class="st1">
        <linearGradient
          id="my-dv-header3_16_"
          gradientUnits="userSpaceOnUse"
          x1="-79.4606"
          y1="55.9688"
          x2="-79.4606"
          y2="11.9688"
          gradientTransform="matrix(-1 0 0 1 1221.6563 0)"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="1264.2,56 1294.1,56 1338,12 1308.1,12"
          class="st20"
        ></polygon>
      </g>
      <g>
        <linearGradient
          id="my-dv-header3_17_"
          gradientUnits="userSpaceOnUse"
          x1="-47.3503"
          y1="74.6932"
          x2="-47.3503"
          y2="11.9688"
          gradientTransform="matrix(-1 0 0 1 1221.6563 0)"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="1216.4,74.7 1259,74.7 1321.6,12 1279,12"
          class="st21"
        ></polygon>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_18_"
          gradientUnits="userSpaceOnUse"
          x1="-403.1333"
          y1="74.2105"
          x2="-403.1333"
          y2="47.0741"
          gradientTransform="matrix(-1 0 0 1 1221.6563 0)"
        >
          <stop
            offset="0"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
          <stop offset="1" style="stop-color: #096bec; stop-opacity: 0"></stop>
        </linearGradient>
        <polygon
          points="1329.8,75.4 1919.8,75.4 1919.8,45.3 1359.8,45.3"
          class="st22"
        ></polygon>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_19_"
          gradientUnits="userSpaceOnUse"
          x1="-666.559"
          y1="43.2976"
          x2="-666.559"
          y2="7.0938"
          gradientTransform="matrix(-1 0 0 1 1221.6563 0)"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="1857.9,43.3 1882.4,43.3 1918.6,7.1 1894,7.1"
          class="st23"
        ></polygon>
        <animate
          attributeName="opacity"
          values="0.3;0.2;0.3"
          dur="1.5s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_20_"
          gradientUnits="userSpaceOnUse"
          x1="-634.509"
          y1="43.2976"
          x2="-634.509"
          y2="7.0938"
          gradientTransform="matrix(-1 0 0 1 1221.6563 0)"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="1825.8,43.3 1850.4,43.3 1886.5,7.1 1861.9,7.1"
          class="st24"
        ></polygon>
        <animate
          attributeName="opacity"
          values="0.3;0.2;0.3"
          dur="2s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_21_"
          gradientUnits="userSpaceOnUse"
          x1="-602.459"
          y1="43.2976"
          x2="-602.459"
          y2="7.0938"
          gradientTransform="matrix(-1 0 0 1 1221.6563 0)"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="1793.8,43.3 1818.3,43.3 1854.5,7.1 1829.9,7.1"
          class="st25"
        ></polygon>
        <animate
          attributeName="opacity"
          values="0.3;0.2;0.3"
          dur="1.5s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_22_"
          gradientUnits="userSpaceOnUse"
          x1="-570.409"
          y1="43.2976"
          x2="-570.409"
          y2="7.0938"
          gradientTransform="matrix(-1 0 0 1 1221.6563 0)"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="1761.7,43.3 1786.3,43.3 1822.4,7.1 1797.8,7.1"
          class="st26"
        ></polygon>
        <animate
          attributeName="opacity"
          values="0.3;0.2;0.3"
          dur="2s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_23_"
          gradientUnits="userSpaceOnUse"
          x1="-538.3589"
          y1="43.2976"
          x2="-538.3589"
          y2="7.0938"
          gradientTransform="matrix(-1 0 0 1 1221.6563 0)"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="1729.7,43.3 1754.2,43.3 1790.4,7.1 1765.8,7.1"
          class="st27"
        ></polygon>
        <animate
          attributeName="opacity"
          values="0.3;0.2;0.3"
          dur="1.5s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g class="st6">
        <linearGradient
          id="my-dv-header3_24_"
          gradientUnits="userSpaceOnUse"
          x1="-506.309"
          y1="43.2976"
          x2="-506.309"
          y2="7.0938"
          gradientTransform="matrix(-1 0 0 1 1221.6563 0)"
        >
          <stop offset="0" style="stop-color: #096bec; stop-opacity: 0"></stop>
          <stop
            offset="1"
            style="stop-color: #096bec; stop-opacity: 0.9"
          ></stop>
        </linearGradient>
        <polygon
          points="1697.6,43.3 1722.2,43.3 1758.3,7.1 1733.8,7.1"
          class="st28"
        ></polygon>
        <animate
          attributeName="opacity"
          values="0.3;0.2;0.3"
          dur="2s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <circle fill="#096BEC" cx="1620.6" cy="33.8" r="3.1"></circle>
        <animate
          attributeName="opacity"
          values="1;0.8;1"
          dur="1s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <circle fill="#096BEC" cx="1629.6" cy="33.8" r="3.1"></circle>
        <animate
          attributeName="opacity"
          values="0.8;0.6;0.8"
          dur="1.1s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <circle fill="#096BEC" cx="1638.9" cy="33.8" r="3.1"></circle>
        <animate
          attributeName="opacity"
          values="0.6;0.4;0.6"
          dur="1.2s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <circle fill="#096BEC" cx="1647.9" cy="33.8" r="3.1"></circle>
        <animate
          attributeName="opacity"
          values="0.4;0.2;0.4"
          dur="1.3s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <circle fill="#096BEC" cx="1657.3" cy="33.8" r="3.1"></circle>
        <animate
          attributeName="opacity"
          values="0.2;0.1;0.2"
          dur="1.4s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
      <g>
        <circle fill="#096BEC" cx="1666.3" cy="33.8" r="3.1"></circle>
        <animate
          attributeName="opacity"
          values="0.1;0.05;0.1"
          dur="1.5s"
          begin="0s"
          repeatCount="indefinite"
        ></animate>
      </g>
    </g>
  </svg>
</template>

<script setup name="ScreenHeader"></script>

<style scoped>
.my-header {
  height: 100px;
}

.my-header-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  letter-spacing: 6px;
  font-size: 2em;
  line-height: 65px;
  font-weight: 600;
  text-shadow: 0 2px 4px rgb(11 116 210 / 45%), 0 0 6px rgb(148 245 233 / 35%);
  color: #f2fafe;
}

.my-header-svg polyline {
  fill: none;
  stroke-linecap: round;
}

.my-header-svg .line-width-2 {
  stroke-width: 3;
}

.my-header-svg .line-width-5 {
  stroke-width: 6;
}

.my-header-svg .st0 {
  fill: url(#my-dv-header6-SVGID_1_);
}

.my-header-svg .st1 {
  opacity: 0.2;
}

.my-header-svg .st2 {
  fill: url(#my-dv-header6-SVGID_2_);
}

.my-header-svg .st3 {
  opacity: 0.6;
}

.my-header-svg .st4 {
  fill: url(#my-dv-header6-SVGID_3_);
}

.my-header-svg .st5 {
  fill: url(#my-dv-header6-SVGID_4_);
}

.my-header-svg .st6 {
  fill: url(#my-dv-header6-SVGID_5_);
}

.my-header-svg .st7 {
  fill: url(#my-dv-header6-SVGID_6_);
}

.my-header-svg .st8 {
  fill: url(#my-dv-header6-SVGID_7_);
}

.my-header-svg .st9 {
  fill: url(#my-dv-header6-SVGID_8_);
}

.my-header-svg .st10 {
  opacity: 0.8;
}

.my-header-svg .st11 {
  fill: none;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.my-header-svg .st0 {
  opacity: 0.2;
}

.my-header-svg .st1 {
  fill: url(#my-dv-header4-SVGID_1_);
}

.my-header-svg .st2 {
  fill: url(#my-dv-header4-SVGID_2_);
}

.my-header-svg .st3 {
  opacity: 0.6;
}

.my-header-svg .st4 {
  fill: url(#my-dv-header4-SVGID_3_);
}

.my-header-svg .st5 {
  fill: none;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.my-header-svg .st7 {
  opacity: 0.7;
}

.my-header-svg .st8 {
  fill: url(#my-dv-header4-SVGID_4_);
}

.my-header-svg .st9 {
  fill: url(#my-dv-header4-SVGID_5_);
}

.my-header-svg .st10 {
  fill: url(#my-dv-header4-SVGID_6_);
}

.my-header-svg .st11 {
  fill: url(#my-dv-header4-SVGID_7_);
}

.my-header-svg .st12 {
  fill: url(#my-dv-header4-SVGID_8_);
}

.my-header-svg .st13 {
  fill: url(#my-dv-header4-SVGID_9_);
}

.my-header-svg .st14 {
  fill: url(#my-dv-header4-SVGID_10_);
}

.my-header-svg .st15 {
  fill: url(#my-dv-header4-SVGID_11_);
}

.my-header-svg .st16 {
  fill: url(#my-dv-header4-SVGID_12_);
}

.my-header-svg .st17 {
  fill: url(#my-dv-header4-SVGID_13_);
}

.my-header-svg .st18 {
  fill: url(#my-dv-header4-SVGID_14_);
}

.my-header-svg .st19 {
  fill: url(#my-dv-header4-SVGID_15_);
}

.my-header-svg .st20 {
  fill: url(#my-dv-header4-SVGID_16_);
}

.my-header-svg .st21 {
  fill: url(#my-dv-header4-SVGID_17_);
}

.my-header-svg .st22 {
  fill: url(#my-dv-header4-SVGID_18_);
}

.my-header-svg .st23 {
  fill: url(#my-dv-header4-SVGID_19_);
}

.my-header-svg .st24 {
  fill: url(#my-dv-header4-SVGID_20_);
}

.my-header-svg .st25 {
  fill: url(#my-dv-header4-SVGID_21_);
}

.my-header-svg .st26 {
  fill: url(#my-dv-header4-SVGID_22_);
}

.my-header-svg .st27 {
  fill: url(#my-dv-header4-SVGID_23_);
}

.my-header-svg .st0 {
  fill: url(#my-dv-header3_1_);
}

.my-header-svg .st1 {
  opacity: 0.6;
}

.my-header-svg .st2 {
  fill: url(#my-dv-header3_2_);
}

.my-header-svg .st3 {
  fill: none;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.my-header-svg .st4 {
  fill: #096bec;
}

.my-header-svg .st5 {
  opacity: 0.7;
}

.my-header-svg .st6 {
  opacity: 0.2;
}

.my-header-svg .st7 {
  fill: url(#my-dv-header3_3_);
}

.my-header-svg .st8 {
  fill: url(#my-dv-header3_4_);
}

.my-header-svg .st9 {
  fill: url(#my-dv-header3_5_);
}

.my-header-svg .st10 {
  fill: url(#my-dv-header3_6_);
}

.my-header-svg .st11 {
  fill: url(#my-dv-header3_7_);
}

.my-header-svg .st12 {
  fill: url(#my-dv-header3_8_);
}

.my-header-svg .st13 {
  fill: url(#my-dv-header3_9_);
}

.my-header-svg .st14 {
  fill: url(#my-dv-header3_10_);
}

.my-header-svg .st15 {
  fill: url(#my-dv-header3_11_);
}

.my-header-svg .st16 {
  fill: url(#my-dv-header3_12_);
}

.my-header-svg .st17 {
  fill: url(#my-dv-header3_13_);
}

.my-header-svg .st18 {
  fill: url(#my-dv-header3_14_);
}

.my-header-svg .st19 {
  fill: url(#my-dv-header3_15_);
}

.my-header-svg .st20 {
  fill: url(#my-dv-header3_16_);
}

.my-header-svg .st21 {
  fill: url(#my-dv-header3_17_);
}

.my-header-svg .st22 {
  fill: url(#my-dv-header3_18_);
}

.my-header-svg .st23 {
  fill: url(#my-dv-header3_19_);
}

.my-header-svg .st24 {
  fill: url(#my-dv-header3_20_);
}

.my-header-svg .st25 {
  fill: url(#my-dv-header3_21_);
}

.my-header-svg .st26 {
  fill: url(#my-dv-header3_22_);
}

.my-header-svg .st27 {
  fill: url(#my-dv-header3_23_);
}

.my-header-svg .st28 {
  fill: url(#my-dv-header3_24_);
}
</style>
